<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>新闻动态</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="font/iconfont.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="grayBg">
<!--头部菜单-->
<header class="headerBox pd-24">
    <!--侧边菜单-->
    <div class="menu">
        <i class="iconfont icon-tubiao-"></i>
    </div>
    <div class="aside-bar" id="menu">
        <ul>
            <li class="on">
                <a href="index.html"><i class="iconfont icon-shouye"></i>医院首页</a>
            </li>
            <li>
                <a href="医院文化.html"><i class="iconfont icon-wenhua"></i>医院文化</a>
            </li>
            <li>
                <a href="三务公开.html"><i class="iconfont icon-dangwugongkai"></i>三务公开</a>
            </li>
            <li>
                <a href="科研教学.html"><i class="iconfont icon-xueyuan"></i>科研教学</a>
            </li>
            <li>
                <a href="教育健康.html"><i class="iconfont icon-jiankangguanli"></i>健康教育</a>
            </li>
            <li>
                <a href="新闻动态.html"><i class="iconfont icon-xinwen"></i>新闻动态</a>
            </li>
            <li>
                <a href="科室专家.html"><i class="iconfont icon-zhuanjia"></i>科室专家</a>
            </li>
            <li>
                <a href="关于我们.html"><i class="iconfont icon-guanyu"></i>关于我们</a>
            </li>
            <li>
                <a href="人才招聘.html"><i class="iconfont icon-zhaopinrencai"></i>人才招聘</a>
            </li>
        </ul>
    </div>
    <div class="meng"></div>
</header>
<div class="newsBox">
    <div class="bannerBox whiteBg">
        <img src="img/banner3.png" alt=""/>
        <div>
            <h4>新闻动态</h4>
            <p>Hospital News</p>
        </div>
    </div>
    <!--新闻视频-->
    <div class="newsVideo whiteBg pd-24 clearfix">
        <div class="video fl" onclick="playPause()">
            <img class="videoPoster" src="img/videoBg.jpg" alt=""/>
            <video id="video" src="img/movie.ogg" width="100%" height="100%"></video>
            <div class="videoBtn"><i class="iconfont icon-bofang"></i></div>
        </div>
        <div class="fr p-24">
            <h4>2016-2017年度 广东省直属机关青年机关</h4>
            <p>2016-2017年度广东省直属机关青年文明号评选及复核工作于今年10月启动，经过现场考核、查阅台账及汇报答辩，超声诊断科成功通过省卫生计生系统评审，推荐参加查阅台账及汇报答辩，超声诊断科成功通过省卫生计生系统评审，推...</p>
        </div>
    </div>
    <!--新闻列表-->
    <ul class="newList whiteBg p-24 clearfix">
        <li>
            <img src="img/slideBg.jpg" alt=""/>
            <div class="slideText">
                <div class="time"><i class="iconfont icon-shijian"></i>2017-04-01 13:20</div>
                <h4 class="hidden">超声诊断科青年文明号在2016-2017</h4>
                <p>2016-2017年度广东省直属机关青年文明号评选及复核工作于今年10月启动，经过现场考核、查阅台账及汇报答辩，超声诊断科成功通过省卫生计生系统评...</p>
            </div>
        </li>
        <li>
            <img src="img/slideBg.jpg" alt=""/>
            <div class="slideText">
                <div class="time"><i class="iconfont icon-shijian"></i>2017-04-01 13:20</div>
                <h4 class="hidden">超声诊断科青年文明号在2016-2017</h4>
                <p>2016-2017年度广东省直属机关青年文明号评选及复核工作于今年10月启动，经过现场考核、查阅台账及汇报答辩，超声诊断科成功通过省卫生计生系统评...</p>
            </div>
        </li>
        <li>
            <img src="img/slideBg.jpg" alt=""/>
            <div class="slideText">
                <div class="time"><i class="iconfont icon-shijian"></i>2017-04-01 13:20</div>
                <h4 class="hidden">超声诊断科青年文明号在2016-2017</h4>
                <p>2016-2017年度广东省直属机关青年文明号评选及复核工作于今年10月启动，经过现场考核、查阅台账及汇报答辩，超声诊断科成功通过省卫生计生系统评...</p>
            </div>
        </li>
    </ul>
</div>
<script type="text/javascript" src="js/main.js"></script>
<script>
    //视频播放
    var video = document.getElementById("video");
    function playPause() {
        if (video.paused) {
            video.play();
            $(".videoPoster").fadeOut();
            $(".videoBtn").fadeOut();
            $(".videoText").fadeOut();
        } else {
            video.pause();
            $(".videoPoster").fadeIn();
            $(".videoBtn").fadeIn();
            $(".videoText").fadeIn();
        }
    }
</script>
</body>
</html>